a { cursor: pointer; }

.logo { display: none; }

.banner { position: relative; }

.banner::before { position: absolute; bottom: -20px; display: inline-flex; width: 100%; height: 100%; justify-content: center; z-index: 2000; content: ""; background: url(../img/city.png) no-repeat center bottom; background-size: 65% auto; }

#ArticleView ul li h6 { display: block; text-align: center; margin-bottom: 0; }

#ArticleView ul li h6 a { height: 40px; line-height: 300%; }

.sbanner { display: flex; min-height: 100px; max-height: 360px; overflow: hidden !important; }

.body #ProductView ul li { padding: 15px; }

.body #ProductView ul li .thumbs { padding: 15px; border: 1px solid #ccc; margin-bottom: 15px; }

.body #ProductView ul li .thumbs a img { height: auto; }

.body #ProductView ul li .thumbs .price { padding: 10px 0 0 0; }

.ad { display: flex; justify-content: center; align-items: center; height: 150px; background: url(../img/cbd.jpg) no-repeat center; background-clip: border-box; }

.ad h1 { font-size: 2.2rem; }

.map { margin-bottom: -150px; }

.map .Content .dt { display: none; }

#map { height: 300px; }

.news { background: url(../img/news.jpg) repeat-x #000 center bottom; }

.bottom { background: url(../img/bottom.jpg) no-repeat center bottom; padding-top: 200px; }

.bottom i { font-style: normal; }

.p .bottom { padding-top: 0px !important; }

.case .more { display: none; }

#ProductView ul li .detail .title a { font-weight: 600; font-size: 1.5rem; }

#TabStrip { padding-left: 15px; padding-right: 15px; }

.menu-row.menu ul > li a { padding: 16px 0; }

@media (min-width: 520px) { .gf #ProductView ul li .thumbs { background-color: #fff; }
  .gf #ProductView ul li .detail { padding-left: 30px; padding-right: 30px; }
  .gf #ProductView ul li .detail .intro { display: block !important; } }

@media (min-width: 768px) { .ad h1 { font-size: 2.5rem; }
  .product { padding-bottom: 150px; background: url(../img/building.jpg) no-repeat center 381px; }
  #map { height: 400px; }
  .body .gf #ProductView ul { flex-flow: column wrap; }
  .body .gf #ProductView ul li { display: flex; flex-flow: row nowrap; } }

@media (min-width: 992px) { .logo { display: block; }
  #ProductView ul li { padding-left: 20px; padding-right: 20px; }
  .body .gf #ProductView ul li .thumbs { flex-basis: 30%; }
  .body .gf #ProductView ul li .detail { flex-basis: 70%; }
  .ad { height: 250px; } }

@media (min-width: 1200px) { .banner::before { background-size: 35% auto; bottom: -60px; }
  .gf #ProductView ul li { margin-right: 60px; }
  .gf #ProductView ul li:nth-child(3n) { margin-right: 20px; }
  #map { height: 500px; } }